<template>
<!--order_detail.wxml-->
<view class="container">
<!-- 扫货吗 弹窗 -->
    <view class="Scavenging-pop-wrap" :hidden="scan_pop">
        <view class="package-pop-bg-opacity"></view>
        <view class="Scavenging-pop booking-pop">
            <view class="Scavenging-pop-header">消费券码</view>
            <view class="Scavenging-pop-img-title">券码:<text style="color: #ff6a00;">{{shop_code}}</text></view>
            <view class="Scavenging-pop-img-two">
              <image src="/static/images/z-tihuoma.png"></image>
            </view>
            <view class="Scavenging-pop-bookcon" @tap="bindGoGoodsInfo">
                <image :src="url + '/api/goods/goodsThumImages?goods_id=' + order.order_goods[0]['goods_id'] + '&width=100&height=100'"></image>
                <view>
                    <text class="name">{{order.order_goods[0]['goods_name']}}</text>
                    <text class="time"><text style="color:#999;font-weight: bold;">有效期至：</text>{{order.shop_order[0]['take_time']}}</text>
                </view>
            </view>
        </view>
        <view class="Scavenging-pop-close" @tap="scanPop" data-code><image src="/static/images/z-chacha.png"></image></view>
    </view> 

    <view class="order_infolist">
          <view class="ord_state_steps">
              <view class="state_steps_name">
                  <view class="state_namecur">买家下单</view>
                  <view v-if="order.pay_status == 1 || order.pay_status == 3 || order.pay_status == 4" class="state_namecur">支付成功</view>
                  <view v-else>支付成功</view>
                  <view v-if="order.shop_consumption > 0" class="state_namecur">到店消费</view>
                  <view v-else>到店消费</view>
                  <view v-if="order.order_status == 4" class="state_namecur">交易完成</view>
                  <view v-else>交易完成</view>
              </view>
              <view class="state_steps_st">
                  <view class="state_stepcur span"><image src="/static/images/icondui.png"></image></view>
                  <view class="state_stepcur span"><image v-if="order.pay_status == 1 || order.pay_status == 3 || order.pay_status == 4" src="/static/images/icondui.png"></image></view>
                  <view class="state_stepcur span "><image v-if="order.shop_consumption > 0" src="/static/images/icondui.png"></image></view>
                  <view class="state_stepcur span "><image v-if="order.order_status >= 4 && order.shop_consumption > 0" src="/static/images/icondui.png"></image></view>
              </view>
          </view>
    </view>

    <view class="order_infolist ">
         <view class="ordinfolist_tit ordlist_bookinfo">
            <text>预约信息</text>
          </view>
          <view :class="'ordinfolist ' + more_info">
              <view v-for="(item, index) in order.order_bespeak" :key="index" class="ordinfolist_item ">
                <label>{{item.title}}：</label>
                <view v-if="item.type == 6 || item.type == 7" class="ordinfolist_img">
                    <image v-for="(i, index2) in item.img_arr" :key="index2" :src="url + '' + i"></image>
                </view>
                <text v-else>{{item.value}}</text>
              </view>
          </view>
          <view class="ordlist_bookinfo_more" @tap="moreInfo">{{more_info_text}}</view>
    </view>
    
    <view class="order_infolist">
          <view class="ordinfolist_tit">消费券</view>
          <view class="ordinfolist_item">
              <label>有效期至：</label>
              <text>{{order.shop_order[0]['take_time']}}</text>
          </view>
          <view v-for="(item, index) in order.shop_order" :key="index" class="ordinfolist_item">
            <label>消费券码：</label>
            <text>{{item.shop_code}}</text>
            <text style="margin-left:30rpx ;color: red" v-if="item.is_write_off == 0">{{item.shop_dec}}</text>
            <text style="margin-left:30rpx ;color: green" v-else-if="item.is_write_off == 1">{{item.shop_dec}}</text>
            <text style="margin-left:30rpx ;color: #999" v-else-if="item.is_write_off == 2">{{item.shop_dec}}</text>
            <image class="details-list-img" @tap="scanPop" :data-shop_code="item.shop_code" src="/static/images/bookcoupon_code.png"></image>
          </view>
         
    </view>

    <view class="order_infolist">
         <view class="ordinfolist_tit ordlist_storeinfo">
            <text>商家信息</text>
            <view class="tel_block" @tap="contact" :data-tel="order.shop_order[0]['shop']['shop_phone']"><image src="/static/images/icon_booktel.png"></image>联系商家</view>
          </view>
                <view class="ordinfolist_item">
                  <label>商家名称：</label>
                  <text>{{order.shop_order[0]['shop']['shop_name']}}</text>
                </view>
                  <view class="ordinfolist_item ordinfo_storads">
                  <label>商家地址：</label>
                  <text>{{order.shop_order[0]['shop']['full_address']}}</text>
                </view>
                <view class="seeMap">
                    {{order.shop_order[0]['shop']['distance_text']}}
                    <image src="/static/images/z-dingw1.png"></image>
                    <text style="color:#999;margin-left:15rpx" @tap="showMap">查看地图</text>
                </view>
                <view class="ordinfolist_item">
                  <label>联系号码：</label>
                  <text>{{order.shop_order[0]['shop']['shop_phone_code']}}{{order.shop_order[0]['shop']['shop_phone']}}</text>
                </view>  
    </view>

    <view class="ttrebu"><image src="/static/images/tt.png"></image></view>
    <view class="order-meg">
        <view v-for="(item, index) in order.order_goods" :key="index" class="order-detail">
            <view class="goods-img">
                <image class="wh100" :src="url + '/api/goods/goodsThumImages?goods_id=' + item.goods_id + '&width=100&height=100'"></image>
            </view>
            <navigator class="order-cont" :url="'/pages/goods/goodsInfo/goodsInfo?goods_id=' + item.goods_id" open-type="navigate">
                <view class="goods-name">{{item.goods_name}}</view>
                <view class="goods-color">{{item.spec_key_name?item.spec_key_name:''}}</view>
            </navigator>
            <view class="order-num">
                <view class="goods-price">￥{{item.member_goods_price}}</view>
                <view class="goods-num">x{{item.goods_num}}</view>
            </view>
        </view>
        <view class="order-operate">
            <view class="contact-us goods-btn" @tap="contactService">联系客服</view>
                      <navigator :url="'/pages/order/cancel_order/cancel_order?order_id=' + order.order_id" class="cancel-order goods-btn" v-if="order.cancel_info == 1">取消进度</navigator>
            <view v-if="order.pay_status == 1 &&  order.cancel_btn == 1 && order.shop_consumption== 0 && order.order_goods[0].goods.invalid_refund ==2" class="cancel-order goods-btn" @tap="refoundOrder" :data-id="order.order_id">申请退款</view>
            <view v-if="order.cancel_btn == 1 && order['shop_consumption'] == 0 && order.order_goods[0]['goods']['invalid_refund']==2 && order.pay_status != 1" class="cancel-order goods-btn" @tap="cancelOrder" :data-id="order.order_id">取消订单</view>
        </view>
            
    </view>
    <view class="basic-information information">
        <view class="title">基本信息</view>
        <view class="item">
            <view>订单编号</view>
            <view>{{order.order_sn}}</view>  
        </view>
        <view class="item">
            <view>下单时间</view>
            <view>{{order.addTimeFormat}}</view>  
        </view>
       
        <view class="item">
            <view>支付方式</view>
            <view>{{order.user_money > 0 ?'余额支付':(order.pay_name && order.pay_name != '' ? order.pay_name:'无')}}</view>  
        </view>
       
        <view class="item">
            <view>买家留言</view>
            <view class="leave-word">{{user_note != '' ? user_note:'无'}}</view>  
        </view>
        

   <block v-for="(item, index) in order.vrorders_code" :key="index">   
        <view class="item">
            <view>电子兑换码</view>
            <view class="leave-word" style="color:red;">{{item.vr_code}}</view>  
        </view>
        <view class="item" v-if="order.prom_type == 5 && order.vrorders_code.length > 0">
            <view>兑换码状态</view>
            <view class="leave-word" style="color:red;" v-if="item.vr_state == 1">已使用，使用时间{{item.vr_usetime}}</view>  
             <view class="leave-word" style="color:red;" v-if="item.vr_state == 2"> 已过期，有效期至{{item.vr_indate}}</view>  
              <view class="leave-word" style="color:red;" v-if="item.vr_state == 0 && item.refund_lock < 1">未使用，有效期至{{item.vr_indate}}</view>  
               <view class="leave-word" style="color:red;" v-if="item.refund_lock > 0"> 已取消</view>  
        </view>
    </block>
    </view>
    <view class="price-information information" v-if="order.prom_type == 5">
        <view class="title">价格信息</view>        
        <view class="item">
            <view>订单金额</view>
            <view>￥ {{order.order_amount}}元</view>  
        </view>
        <view class="item">
            <view>实付金额</view>
            <view class="pay-amount">￥ {{order.order_amount}}元</view>  
        </view>
    </view>
  
    <view class="price-information information" v-if="order.prom_type == 4">
        <view class="title">价格信息</view>    
        <block v-if="order.paid_money > 0">
           <view class="item" v-if="order.pay_status == 1">
            <view>已付尾款</view>
            <view>￥ {{order.order_amount}}元</view>  
          </view>
           <view class="item">
            <view>已付订金</view>
            <view>￥ {{order.paid_money}}元</view>  
          </view>
           
        </block>    
     <block v-if="order.pay_status==0 && order.pre_sell.deposit_price > 0"> 
        <view class="item">
            <view>应付订金</view>
            <view>￥ {{order.order_amount}}元</view>  
          </view>
         <view class="item">
            <view>尾款</view>
            <view>￥ {{order.total_amount - order.order_amount}}元</view>  
          </view>
     </block>
       <view class="item">
            <view>订单总额</view>
            <view>￥ {{order.total_amount}}元</view>  
        </view>
        <view class="item">
            <view>发货时间描述： {{order.pre_sell.delivery_time_desc}}</view>
          </view>
  </view>

 <view class="price-information information" v-else>
        <view class="title">价格信息</view>
        <view class="item">
            <view>商品总价</view>
            <view>￥ {{order.total_amount}}元</view>  
        </view>
        <view class="item">
            <view>运费</view>
            <view>￥ {{order.shipping_price}}元</view>  
        </view>
        <view class="item">
            <view>优惠券</view>
            <view>- ￥ {{order.coupon_price}}元</view>  
        </view>
        <view class="item">
            <view>积分</view>
            <view>- ￥ {{order.integral_money}}元</view>  
        </view>
        <view class="item">
            <view>余额</view>
            <view>- ￥ {{order.user_money}}元</view>  
        </view>
        <view class="item">
            <view>活动优惠</view>
            <view>- ￥ {{order.order_prom_amount}}元</view>  
        </view>
        <view class="item">
            <view>实付金额</view>
            <view class="pay-amount">￥ {{order.order_amount}}元</view>  
        </view>
    </view>

    <view class="btn-wrap">
        <view :hidden="!order.pay_btn" class="tips-btn" @tap="jumpToCart4">立即付款</view>
        <navigator @tap="confirmOrder" class="tips-btn" :hidden="!order.receive_btn">收货确认</navigator>
    </view>
</view>
</template>

<script>
var app = getApp();
var request = app.globalData.request;
var util = require("../../../utils/util.js");
var common = require("../../../utils/common.js");

export default {
  data() {
    return {
      url: app.globalData.setting.url,
      resourceUrl: app.globalData.setting.resourceUrl,
      order: null,
      user_note: '',
      options: null,
      currentTime: new Date().getTime() / 1000,
      scan_pop: true,
      //消费券弹窗隐藏
      more_info: '',
      more_info_text: '更多信息',
      orders: "",
      shop_code: ""
    };
  },

  components: {},
  props: {},
  onLoad: function (options) {
    this.setData({
      options: options
    });
    this.requestOrderDetail(options.order_id);
    uni.removeStorageSync('order:bespeak_detail:update');
  },
  onShow: function () {
    if (uni.getStorageSync('order:bespeak_detail:update')) {
      uni.removeStorageSync('order:bespeak_detail:update');
      this.requestOrderDetail(this.order.order_id);
    }
  },
  methods: {
    requestOrderDetail: function (order_id) {
      var that = this;
      var url = '/api/order/bespeakDetail?id=' + order_id;
      request.get(that.url + url, {
        success: function (res) {
          var order = res.data.result.order;
          order.addTimeFormat = util.format(order.add_time);

          if (order.vrorders_code) {
            order.vrorders_code.forEach(function (value, index) {
              value.vr_indate = util.format(value.vr_indate);
              value.vr_usetime = util.format(value.vr_usetime);
            });
          }

          that.setData({
            order: order,
            orders: res.data.result,
            user_note: unescape(order.user_note)
          });
        }
      });
    },
    contactService: function () {
      app.globalData.getConfig(function (res) {
        var phone = common.getConfigByName(res.config, 'phone');

        if (phone) {
          app.globalData.confirmBox('请联系客服：' + phone, function () {
            uni.makePhoneCall({
              phoneNumber: phone
            });
          });
        }
      });
    },
    contact: function (e) {
      var phone = e.currentTarget.dataset.tel;

      if (phone) {
        app.globalData.confirmBox('拨打商家电话：' + phone, function () {
          uni.makePhoneCall({
            phoneNumber: phone
          });
        });
      }
    },

    /** 取消订单 */
    cancelOrder: function (e) {
      var that = this;
      var orderId = e.currentTarget.dataset.id;
      uni.showModal({
        title: '是否取消订单？',
        success: function (res) {
          if (res.confirm) {
            request.post('/api/user/cancelOrder', {
              data: {
                order_id: orderId
              },
              success: function (res) {
                that.requestOrderDetail(orderId);

                if (that.options.order_type == 'virtual') {
                  uni.setStorageSync('virtual:virtual_list:update', true);
                } else {
                  uni.setStorageSync('order:order_list:update', true);
                }
              }
            });
          }
        }
      });
    },

    /** 申请退款 */
    refoundOrder: function (e) {
      uni.navigateTo({
        url: '/pages/order/refund_order/refund_order?order_id=' + e.currentTarget.dataset.id
      });
    },

    /** 确认收货 */
    confirmOrder: function (e) {
      var that = this;
      var orderId = this.order.order_id;
      uni.showModal({
        title: '确定已收货？',
        success: function (res) {
          if (res.confirm) {
            request.post('/api/user/orderConfirm', {
              data: {
                order_id: orderId
              },
              success: function (res) {
                that.requestOrderDetail(orderId);
                uni.setStorageSync('order:order_list:update', true);
              }
            });
          }
        }
      });
    },

    /** 立即付款 */
    jumpToCart4: function (e) {
      if (this.optionIsGoup) {
        uni.navigateTo({
          url: '/pages/team/team_confirm/team_confirm?orderSn=' + this.order.order_sn + '&orderPay=true'
        });
      } else {
        var orderAmount = this.order.order_amount;

        if (this.order.pay_tail_btn) {
          //预售订单的支付尾款
          orderAmount = this.order.total_amount - this.order.paid_money;
        }

        common.jumpToCart4({
          order_sn: this.order.order_sn,
          order_amount: orderAmount
        }, 1);
      }
    },
    checkTeam: function () {
      uni.navigateTo({
        url: '/pages/team/team_detail/team_detail?foundId=' + this.orders.order_team_found.found_id + '&goods_id=' + this.order.order_goods[0].goods_id
      });
    },
    //申请售后
    applySale: function (e) {
      var recId = e.currentTarget.dataset.recid;
      return uni.navigateTo({
        url: '/pages/user/return_goods/return_goods?rec_id=' + recId
      });
    },
    //查看退款
    checkReturn: function (e) {
      var returnId = e.currentTarget.dataset.returnid;
      uni.navigateTo({
        url: '/pages/user/return_goods_info/return_goods_info?id=' + returnId
      });
    },
    //去评论
    commentGoods: function () {
      uni.navigateTo({
        url: '/pages/user/comment/comment?status=0'
      });
    },
    bindGoGoodsInfo: function () {
      uni.navigateTo({
        url: '/pages/goods/goodsInfo/goodsInfo?goods_id=' + this.order.order_goods[0].goods_id
      });
    },
    scanPop: function (e) {
      var dataset = e.currentTarget.dataset;

      if (dataset && dataset.shop_code) {
        this.setData({
          shop_code: dataset.shop_code
        });
      }

      this.setData({
        scan_pop: !this.scan_pop
      });
    },
    moreInfo: function () {
      this.setData({
        more_info: this.more_info ? '' : 'more',
        more_info_text: this.more_info ? '更多信息' : '收起信息'
      });
    },
    showMap: function () {
      uni.navigateTo({
        url: '../../cart/cart2/shopDetail/shopDetail?datas=' + JSON.stringify(this.order.shop_order[0].shop)
      });
    }
  }
};
</script>
<style>
/* order_detail.wxss */
.user-mes{
    background-color: #fff;
    font-size: 32rpx;
    color: #333;
}
.user-contact{
    padding: 24rpx 80rpx;
}
.location{
    position: relative;
    padding:0 80rpx 24rpx;
}
.pos-icon{
    position: absolute;
    left: 30rpx;
    top: 0;
    width: 32rpx;
    height: 32.5rpx;
}
.border-img{
    width: 100%;
    height: 16rpx;
}
.order-meg{
    margin-top: 20rpx;
    font-size: 28rpx;
}
.order-state{
    height: 100rpx;
    line-height: 100rpx;
    padding-right: 40rpx;
    text-align: right;
    background-color: #fff;
    color: #ff6a00;
}
.order-detail{
    padding: 30rpx 0 70rpx 0;
    border-bottom: 1px solid #f3f3f3;
    color: #666;
    min-height: 120rpx;
    position: relative;
}
.goods-img{
    float: left;
    width: 100rpx;
    height: 100rpx;
    margin:0 30rpx; 
}
.order-cont{
    float: left;
    width: 400rpx;
}
.goods-name{
    max-height: 60rpx;
    line-height: 30rpx;
    overflow: hidden;
    margin-bottom: 16rpx;
}
.goods-color{
    font-size: 24rpx;
    max-height:30rpx;
    overflow:hidden;
}
.order-num{
    float: right;
    font-size: 24rpx;
    margin-top: 10rpx;
    margin-right: 20rpx;
    text-align: right;
    line-height: 42rpx;
}
.order-operate{
    height: 100rpx; 
    padding-right:20rpx;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.check-btn{
    width: 180rpx;
    height: 60rpx;
    line-height: 60rpx;
    text-align: center;
    margin-right: 10rpx;
    border:1px solid #f3f3f3;
}
.goods-btn{
    width: 150rpx;
    height: 60rpx;
    line-height: 60rpx;
    text-align: center;
    border:1px solid #f3f3f3;
}
.cancel-order{
    margin-left:20rpx;
}
.information{
    padding: 0 20rpx;
    background-color: #fff;
    margin-bottom: 20rpx;
}
.information .title{
    height: 70rpx;
    line-height: 70rpx;
    border-bottom: 1px solid #f3f3f3;
    font-size: 30rpx;
    color: #333;
}
.information .item{
    display: flex;
    justify-content: space-between;
    min-height: 60rpx;
    line-height: 60rpx;
    font-size: 26rpx;
    color: #666;
}
.delivery-address,.leave-word{
    width: 500rpx;
    text-align: right;
    line-height:40rpx;
    margin-top:15rpx

}
.pay-amount{
    color:#ff6a00;
}
.btn-wrap{
    height: 100rpx;
    background-color: #fff;
    text-align: right;
}
.tips-btn{
    display: inline-block;
    width: 200rpx;
    height: 100rpx;
    line-height: 100rpx;
    text-align: center;
    font-size: 30rpx;
    color: #fff;
    background-color: #ff6a00;
    margin-left: 2rpx;
}
.tk_btn{
    position: absolute;
    bottom: 10rpx;
    right: 0; 
    overflow: hidden
}
.tk_btn_on{
    float:left;
    margin-right: 15rpx;
    line-height:41rpx;
    text-align:center;
    font-size:23rpx;
    border:1rpx solid #f3f3f3;
    width:112rpx;
    border-radius:10rpx;

}

.order_infolist {
  width: 90%;
  display: block;
  margin: 20rpx auto;
  background: #ffffff;
  font-size: 11pt;
  box-shadow: 0 0 0.512rem 0.021334rem #dddddd;
  box-sizing: border-box;
  padding:20rpx
}

.state_steps_name {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 40rpx;
  color: #999;
}

.state_steps_name .state_namecur{
  color: #333
}

.state_steps_st {
  width: 80%;
  border-top:  6rpx solid #f3f3f3;
  margin: 40rpx auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.state_steps_st .span{
  width: 40rpx;
  height: 40rpx;
  border: 6rpx solid #f3f3f3;
  border-radius: 50%;
  margin-top: -30rpx; 
  background-color: #fff;
}

.state_steps_st .state_stepcur image{
    width: 40rpx;
    height: 40rpx;
}

.ordinfolist_tit {
  font-size: 18pt;
  font-weight: bold;
  color: #333;
}


.ordinfolist_item {
    font-size: 12pt;
    margin-top: 30rpx;
    color: #333;
    height: auto

} 

.ordinfolist_item image{
  width: 60rpx;
  height: 60rpx;
  float: right;
  margin:-20rpx 20rpx 0 0;
}

.ordlist_storeinfo { 
  color: #F7BA14;
}

.ordlist_storeinfo image {
  height: 35rpx; width: 35rpx;
  margin-right: 10rpx;
}


.tel_block {
  float: right;
  height:60rpx; 
  border: 1px solid #f3f3f3;
  font-size: 12pt;
  color: #333;
  line-height: 60rpx;
  text-align: center;
  padding: 0rpx 20rpx;
  font-weight: normal
}

.ordinfolist_item label {
    font-size: 13pt;
    color: #999;
}

.seeMap {
     margin:20rpx 0 0 160rpx;
}
.seeMap image {
    width: 30rpx;
    height: 30rpx;
}

.ordlist_bookinfo {
    color: #0676e8;
}

.ordinfolist_img {
  display: inline-block;
  position: relative;
}

.ordinfolist_img image {
  width: 160rpx;
  height:160rpx;
  margin:20rpx 20rpx 0 0;
}

.Scavenging-pop-wrap {
    position: fixed;
    margin: 0 auto;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 998;
    overflow: scroll;
    top: 0;
    bottom: 0;
}

.package-pop-bg-opacity {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 12;
    background: rgba(0,0,0,0.4);
}

.Scavenging-pop {
    position: relative;
    box-sizing: border-box;
    width: 700rpx;
    height: auto;
    margin: 2rem auto 0;
    text-align: center;
    color: #333;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 0.02133rem 0.2133rem 0 rgba(0,0,0,.3);
    z-index: 899;
}

.Scavenging-pop .Scavenging-pop-header {
    text-align: center;
    height: 100rpx;
    line-height: 100rpx;
    color: #fff;
    font-size: 14pt;
    background-color: #ff6a00;
}

.Scavenging-pop-img-title {
    text-align: center;
    font-size: 12pt;
    margin: 40rpx auto;
    font-weight: bold;
    color: #333
}

.Scavenging-pop-img-two {
    width: 300rpx;
    height: 300rpx;
    margin: 0 auto;
}

.Scavenging-pop-img-two image{
  height: 100%;
  width: 100%;
}

.Scavenging-pop-bookcon {
  margin-top: 20rpx;
    width: 100%;
    height: auto;
    padding: 20rpx;
    overflow: hidden;
    text-align: start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
    
}

.Scavenging-pop-bookcon  .name {
    font-size: 14pt;
    width: 100%;
    display: block;
    line-height: 14pt;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333
}

.Scavenging-pop-bookcon  .time {
    display: block;
    font-size: 12pt;
    margin-top: 0.512rem;
}

.Scavenging-pop-bookcon image{
    width: 120rpx; height: 120rpx;
    margin: -10rpx 20rpx 0 0;
}

.Scavenging-pop-close {
    width: 60rpx;
    height: 60rpx;
    border: 1px solid #fff;
    position: relative;
    border-radius: 30rpx;
    z-index: 990;
    margin: 1.2rem auto;
    overflow: hidden;
}

.Scavenging-pop-close image{
  width: 100%; height: 100%;
}

.Scavenging-pop-bookcon .a {
    display: block;
    width: 0.426667rem;
    height: 100%;
    float: right;
}

.Scavenging-pop-bookcon .a image{
    width: 100%;
    height: 40rpx;
}

.ttrebu {
  width: 100%;
  height: 10rpx;
}

.ttrebu image {
  width: 100%;
  height: 100%;
}

.ordlist_bookinfo_more {
    text-align: center;
    margin-top: 30rpx;
    color: #999;
}

.ordinfolist {
  height: 180rpx;
  overflow: hidden;
}

.ordinfolist.more {
  height: auto;
}


</style>